<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>首页模板</title>

    <link rel="stylesheet" href="../../common/FlexoCalendar.css">
    <link href="style/common.css" rel="stylesheet" type="text/css">
    <link href="style/style.css" rel="stylesheet" type="text/css">
    <link type="text/css" rel="stylesheet" href="../../common/lib/font-awesome/css/font-awesome.css"/>
    <script type="text/javascript" src="../../common/miniuiInit.js"></script>
    <script type="text/javascript" src="../../common/common.js"></script>
    <script type="text/javascript" src="../../common/uuid.js"></script>
    <script type="text/javascript" src="../../common/FlexoCalendar.js"></script>
    <script type="text/javascript" src="portal1.js"></script>
</head>
<body style="height: 100%;">
<table style="height: 100%" cellspacing="5">
    <tr style="height: 190px">
        <td colspan="2">
            <div style="padding: 20px 20px">
                <a style="text-align: center;float: left;margin-right: 110px;margin-left: 30px" onclick="openTab('1')"><img src="../../images/button/one.png" style="width: 86px;height: 86px"/><br/><br/><span style="font-size: 20px;">证件管理</span></a>
                <a style="text-align: center;float: left;margin-right: 110px" onclick="openTab('2')"><img src="../../images/button/two.png" style="width: 86px;height: 86px"/><br/><br/><span style="font-size: 20px">公司信息</span></a>
                <a style="text-align: center;float: left;margin-right: 110px" onclick="openTab('3')"><img src="../../images/button/three.png" style="width: 86px;height: 86px"/><br/><br/><span style="font-size: 20px">人员信息</span></a>
                <a style="text-align: center;float: left;margin-right: 110px" onclick="openTab('4')"><img src="../../images/button/four.png" style="width: 86px;height: 86px"/><br/><br/><span style="font-size: 20px">房产信息</span></a>
                <a style="text-align: center;float: left;margin-right: 110px" onclick="openTab('5')"><img src="../../images/button/five.png" style="width: 86px;height: 86px"/><br/><br/><span style="font-size: 20px">车辆信息</span></a>
                <a style="text-align: center;float: left;margin-right: 30px" onclick="openTab('6')"><img src="../../images/button/six.png" style="width: 86px;height: 86px"/><br/><br/><span style="font-size: 20px">设备信息</span></a>
            </div>
        </td>
        <td rowspan="2" width="480px">
            <div class="calendar-wrapper">
                <div id="calendar"></div>
            </div>
        </td>
    </tr>
    <tr style="height: 130px">
        <td rowspan="2" width="500px">
            <div class="jyTable">
                <div class="clearfix">
                    <ul class="title title1 left">
                        <li class='cur fa fa-file-text-o fa-2x'><span style="padding-left: 10px">公司信息</span></li>
                    </ul>
                    <div><a style="float: right;padding-right: 20px;padding-top: 12px">更多</a></div>
                </div>
                <div class='zong'>
                    <div class="list list1">
                        <div class="tabCon">
                            <ul>
                                <li class="tabth clearfix">
                                    <span style="width: 70%">公司名称</span>
                                    <span style="width: 30%">类型</span>
                                </li>
                            </ul>
                            <div id="s1">
                                <ul class="tabUl" id="companylist">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </td>
        <td rowspan="2" width="900px">
            <div class="jyTable">
                <div class="clearfix">
                    <ul class="title title1 left">
                        <li class='cur fa fa-file-text-o fa-2x'><span style="padding-left: 10px">待办任务</span></li>
                    </ul>
                    <div><a style="float: right;padding-right: 20px;padding-top: 12px">更多</a></div>
                </div>
                <div class='zong'>
                    <div class="list list1">
                        <div class="tabCon">
                            <ul>
                                <li class="tabth clearfix">
                                    <span style="width: 30%">项目名称</span>
                                    <span style="width: 40%">任务</span>
                                    <span style="width: 30%">完成时间</span>
                                </li>
                            </ul>
                            <div id="s2">
                                <ul class="tabUl" id="TaskList">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="jyTable">
                <div class="clearfix">
                    <ul class="title title1 left">
                        <li class='cur fa fa-file-text-o fa-2x'><span style="padding-left: 10px">过期提醒</span></li>
                    </ul>
                    <div><a style="float: right;padding-right: 20px;padding-top: 12px">更多</a></div>
                </div>
                <div class='zong'>
                    <div class="list list1">
                        <div class="tabCon" id="ExpireList">
                            <ul>
                                <li class="tabth clearfix">
                                    <span style="width: 70%">证件名称</span>
                                    <span style="width: 30%">过期时间</span>
                                </li>
                            </ul>
                            <div id="s3">
                                <ul class="tabUl">
                                    <li class="tabtr clearfix">
                                        <span style="width: 70%; color: #F7001E">xxxxxx公司</span>
                                        <span style="width: 30%;color: #AB9C08">外部</span>
                                    </li>
                                    <li class="tabtr clearfix">
                                        <span style="width: 70%; color: #F7001E">xxxxxx公司</span>
                                        <span style="width: 30%;color: #AB9C08">外部</span>
                                    </li>
                                    <li class="tabtr clearfix">
                                        <span style="width: 70%; color: #F7001E">xxxxxx公司</span>
                                        <span style="width: 30%;color: #AB9C08">外部</span>
                                    </li>
                                    <li class="tabtr clearfix">
                                        <span style="width: 70%; color: #F7001E">xxxxxx公司</span>
                                        <span style="width: 30%;color: #AB9C08">外部</span>
                                    </li>
                                    <li class="tabtr clearfix">
                                        <span style="width: 70%; color: #F7001E">xxxxxx公司</span>
                                        <span style="width: 30%;color: #AB9C08">外部</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>
</body>
</html>
